<!DOCTYPE html> 
<html>
<head>
  <title>Page Title</title>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" >
<link rel="stylesheet" href="css/jquery.mobile.icons-1.4.5.min.css">
  <link rel="stylesheet" href="css/theme-classic.css">
  <link rel="stylesheet" href="css/jquery.mobile.structure-1.4.5.min.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/jquery.mobile-1.4.5.min.js"></script>
</head>

<style>
.ui-content{
  background-color:#ffffff;
}
</style>


<body>

<div data-role="page" id="articulos" class="ui-responsive-panel" data-theme="b">

<!--Cabecera-->
    <div data-role="header"   data-fullscreen="true">
    	<a href="menu.html" rel="external" class="ui-btn ui-corner-all ui-icon-back ui-btn-icon-notext" align="right" data-transition="back"></a>
      <a href="#myPanel" class="ui-btn ui-corner-all ui-icon-bars ui-btn-icon-notext" align="right"></a>
      <h3>Reglamento de Transito</h3>
    </div>

<!--Contenido-->    
<div data-role="content" style="background-color:#ffffff; height:1000px;">

<a href="costo_multas.html" class="ui-btn ui-shadow ui-corner-all ui-icon-eye ui-btn-icon-right">Costo de Infracciones Vehiculares</a>
<a href="articulos_transito.html" class="ui-btn ui-shadow ui-corner-all ui-icon-eye ui-btn-icon-right">Árticulos de Transito</a>


</div>


<!--Barra Oculta-->
<div data-role="panel" id="myPanel"  data-display="reveal" data-position="right">
   <p>Conocer el reglamento de tránsito es muy importante a la hora de tomar el volante, haz clic sobre cada artículo y veras su respectiva definición.</p>
</div>

<!--Pie de Pagina-->
<div data-role="footer"  data-position="fixed" data-fullscreen="true">
  <h1>    </h1>
</div> 
</div>

</body>
</html>